<template>
  <div>
    <router-link to="/" tag="div" class="radus" v-show="isshow">
      <span class="iconfont">&#xe618;</span>
    </router-link>
    <router-link to="/" tag="div" class="header"  v-show="!isshow">
      <div class="header-back">
        <span class="iconfont">&#xe618;</span>
      </div>
    </router-link>
  </div>
</template>

<script>
export default { //  组件配置项
  name: 'DetailHeader',
  data () {
    return {
      isshow: true
    }
  }
}
</script>

<style lang="stylus" scoped="scoped">
.header
  width 100%
  height 0.88rem
  background #00bcd4
  display flex
  text-align center
  align-items center
  position absolute
  top 0
  .header-back
    padding 0 0.12rem
    width 0.8rem
    color #FFF
.radus
  position absolute
  top 0.2rem
  border-radius 100%
  background #333333
  padding 0.2rem 0.2rem
  margin-left 0.2rem
  .iconfont
    color white
</style>
